@header-height: 64px;
@sider-bg: #265293;


.logo{
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
.header-right{
  float: right;
  height: 100%;
}
.search,
.question,
.bell,
.user
{
  display: inline-block;
  height: 100%;
  padding: 0 12px;
  cursor: pointer;
  transition: all .3s;
}
.user{
  img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.menu {
  :global(.anticon) {
    margin-right: 8px;
  }
  :global(.ant-dropdown-menu-item) {
    min-width: 160px;
  }
}
.head{
  background-color: #000000;
  // height: 6%;
}

//css动画
@keyframes example {
  from {
        color: rgb(239, 252, 223);
        font-size: 1px;
        text-align: center;
        // transform: rotateX(180deg);
        // margin: 300px 0 0 500px;
  }
  to {
    color: rgb(84, 179, 223);
    font-size: 50px;
    text-align: center;
    // margin: 300px 0 0 400px;
  }
  // 0%   {color:red; margin: 100px;}
  // 25%  {color:yellow; margin: 200px;}
  // 50%  {color:blue; margin: 300px;}
  // 75%  {color:green; margin: 400px;}
  // 100% {color:red; margin:500px;}
}
.welcome{
  // max-width: 800px;
  font-size: 50px;
  text-align: center;
  margin-top: 300px;
  color: rgb(143, 209, 240);
  text-shadow: 5px 2px 4px #272d2e;
  animation-name: example;
  animation-duration: 3s;
  // animation-iteration-count: 100;
  // animation-direction: alternate-reverse;
}